html,
			body{
				height: 100%;
			}
			body{
				margin: 0;
				background: url(../img/bg.png) no-repeat 0 0;
				/* background-size: ; */
			}
			p{
				margin: 0;
			}
			input,
			button{
				padding: 0;
				margin: 0;
				border: none;
				outline: none;
				background: none;
				
			}
			.logon{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				width: 380px;
				height: 465px;
				border-radius: 10px;
				box-shadow: 0 0 10px rgba(0,0,0,.2);
				background: rgba(255,255,255,.8);
				overflow: hidden;
			}
			.title{
				margin: 30px auto;
				text-align: center;
				color: #333;
				font: 24px/32px 'Adobe 黑体 Std R';
			}
			.wrap{
				margin: 40px auto 0;
				width: 300px;
				font-size: 0;
			}
			.item{
				padding-bottom: 16px;
				margin-bottom: 28px;
				border-bottom: 1px solid #ddd;
				position: relative;
			}
			.icon{
				display: inline-block;
				vertical-align: middle;
				margin: 0 24px 0 4px;
			}
			.icon-name{
				width: 22px; height: 24px;
				background: url(../img/icon.png) -54px -10px;
			}
			.icon-psd{
				width: 24px; height: 24px;
				background: url(../img/icon.png) -10px -10px;
				margin-right: 22px;
			}
			.icon-code{
				width: 26px; height: 18px;
				background: url(../img/icon.png) -10px -54px;
				margin-right: 20px;
			}
			input{
				vertical-align: middle;
				border-left: 1px solid #ddd;
				text-indent: 20px;
				height: 20px;
				width: 248px;
				font: 14px/20px 'Adobe 黑体 Std R';
				line-height: 20px;
			}
			.input-w{
				width: 164px;
			}
			.code{
				position: absolute;
				width: 85px;
				height: 36px;
				top: -14px;
			}
			.btn{
				height: 46px;
				width: 100%;
				border: 1px solid #2464ce;
				border-radius: 46px;
				font: 20px/46px 'Adobe 黑体 Std R';
				color: #2464ce;
				margin-top: 30px;
			}
			.footer{
				position: absolute;
				bottom: 40px;
				width: 100%;
				text-align: center;
			}